<script>
import {defineComponent} from 'vue'

export default defineComponent({
    name: "filterView",
    data () {
        return {
            msg: '你游戏玩的真好，太厉害了'
        }
    },
    // 私有过滤器  和data、methods平级
    filters: {
        setMsg1 (data, format) {
            console.log(data)
            console.log(format)
        }
    }
})
</script>

<template>
  <div>
      <div>filter</div>
      {{msg}}
      <div>通过过滤器过滤之后的msg</div>
      {{msg | setMsg}}
      <div>可以有多个过滤器</div>
      {{msg | setMsg_1}}
      <div>可以同时使用多个过滤器，用管道符 | 隔开</div>
      {{msg | setMsg_1 | setMsg_2}}
  </div>
</template>

<style scoped lang="less">

</style>